<template>
  <div class="login-container">
    <div class="login-content">
      <router-view />
    </div>
  </div>
</template>

<style scoped>
.login-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: v-bind('bgGradient');
}

.login-content {
  width: 100%;
  max-width: 420px;
  padding: 40px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
</style>

<script setup lang="ts">
import { ref } from 'vue'

// 背景渐变色
const bgGradient = ref('linear-gradient(135deg, #667eea 0%, #764ba2 100%)')
</script>
